<template>
    <div class="sentence">
        <p>励志句子</p>
        <div class="point">
            <span>❤</span>
            <span>点赞</span>
            <span>(10961)</span>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
    .sentence{
        // outline: 1px solid red;
        margin-top: 24px;
        display: flex;
        justify-content: space-between;
        padding: 0 40px;
        margin-bottom: 70px;
        p{
            font-size: 24px;
            font-weight: 200;
        }
        .point{
            width: 98px;
            height: 24px;
            font-size: 12px;
            border: 1px solid #ccc;
            border-radius: 3px;
            background-color: #fff;
            padding: 3px 5px;
            cursor: pointer;
            color: #666;
            margin-top: 5px;
            text-align: center;
        }
    }
</style>